BODY {
	margin: 0;
	padding: 0;
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	color: #666;	
	font-size: 0.8em;
	text-align: center
}

H2 {
	margin: 0;	
	font-size: 1.4em;
	height: 30px;
	background-position: left top;
	background-repeat: no-repeat;
}

H2 SPAN {
	display: none;
}

H3 {
	font-size: 1.2em;
}

H4 {
	font-size: 1.1em;
}

A {
	color: #600;
	text-decoration: none;
	cursor: pointer;
}

A:hover {
	border-bottom: #600 1px solid;
	color: #300;
}

A:focus {
	outline: none;
}

A IMG {
	border: none;
}

BLOCKQUOTE {
	border: 1px dashed #CCC;
	padding: 10px;
	background: #F0F0F0;
	font-style: italic;
}



FORM {
	margin: 0;
	z-index: 2;
}

FORM LABEL {
	font-weight: bold;
}

FORM INPUT, FORM TEXTAREA {
	border: 0;
	padding: 7px 10px;	
	width: 290px;
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 1em;
	color: #000;
	background-position: 0 0;
	background-repeat: no-repeat;
	outline: none;
}

FORM INPUT {
	height: 16px;
	background-image: url('../images/ui/bg_txt.jpg');
}

FORM TEXTAREA {
	height: 97px;	
	background-image: url('../images/ui/bg_text.jpg');
}

FORM DIV {
	padding: 2px 0;
	width: 450px;
}

FORM DIV LABEL {
	width: 115px;
	float: left;
}

FORM BUTTON {	
	border: none;
	padding: 0 0 2px 0;	
	width: 80px;
	height: 28px;
	background-image: url('../images/ui/bg_button.jpg');
	background-position: 0 0;
	background-repeat: no-repeat;
	outline: none;
}

FORM BUTTON#btn_send {
	padding: 2px 0 0 0;
	margin-right: 25px;
	float: right;
}

FORM BUTTON#btn_login {
	width: 60px;
	background-image: url('../images/ui/bg_button_home.jpg');
	background-color: #600;	
}

FORM BUTTON:hover, FORM BUTTON:focus, FORM INPUT:focus {
	background-position: 0 -30px;	
}

FORM BUTTON::-moz-focus-inner { 
	border: 0; 
}

FORM#frm_clientLogin {	
	margin: -5px 0 0 0;
	display: none;
}

FORM#frm_clientLogin LABEL {
	margin: 7px 0 0 0;
	font-weight: normal;
	float: left;
}

FORM#frm_clientLogin INPUT {	
	width: 90px;
	background-image: url('../images/ui/bg_txt_home.jpg');
	background-color: #600;
}

#formInfo {
	margin: 5px 0 0 120px;
	width: auto;
	font-size: 0.9em;
	font-weight: bold;
	float: left;
}






#container {
	margin: 0 auto;
	padding: 0;		
	height: 100%;
	text-align: left;
}



#main {
	padding: 60px 0;
	margin: 0 50px 0 60px;
}

#mainContent {
	margin-right: 60px;
	width: 550px;
}

.home #mainContent {
	padding: 10px 0 0 430px;
	width: 450px;
	background: url('../images/contents/txt_my-name-is-vic.gif') 20px 50px no-repeat;
}

.home #mainContent  SPAN {
	display: none;
}

#sideContent {
	width: 270px;
}

#sideContent .link {
	margin-top: 20px;
}

#sideContent .arrow {
	margin-top: 20px;
}

.portfolio #mainContent {;
	width: 640px;
}

.portfolio #sideContent {
	margin-top: 55px;
	width: 250px;
}




.article #portfolioDetails {
	margin-left: 140px;
	padding-bottom: 230px;
	position: relative;
}

#portfolioDetails {
	margin-left: 10px;	
	width: 510px;
	float: left;
	overflow: hidden;
}

#portfolioDetails A {
	border: none;
}

#portfolioDetails .projectImg {
	margin-top: 20px;
	padding: 0 5px;
	width: 500px;
	height: 210px;
	background: url('../images/ui/container_project_img.jpg') #FFF left top no-repeat;
}

#portfolioDetails .projectImg IMG {
	width: 490px;
	height: 200px;
	margin: -5px -5px -5px 5px;
	position: relative;
	z-index: 2;
}

#projectThumbs {
	padding-left: 9px;
	width: 225px;
	overflow: hidden;
}

#projectThumbs DIV {
	margin: 0 9px 9px 0;
	width: 156px;
	height: 156px;
	overflow: hidden;
	float: left;
}

#projectThumbs DIV.small {
	width: 66px;
	height: 66px;
}

#projectThumbs DIV A {
	border: 3px solid #EEE;
	margin: -3x;
	width: 150px;
	height: 150px;
	overflow: hidden;
	float: left;
	display: block
}

#projectThumbs DIV.small A {
	width: 60px;
	height: 60px;
}

#projectThumbs DIV A:hover {
	border: 3px solid #CCC;
}



#loginArea {	
	margin: 20px 40px 0 0;
	float: right;
}

#loginArea A {	
	color: #CCC;
	position: relative;
	z-index: 3;
}

#loginArea A:hover {
	color: #FFF;
}




#footer {
	padding: 0 0 0 2%;
	width: 100%;
	margin: 0 0 -5px 0;
	height: 190px;
	color: #CCC;
	background: url('../images/ui/bg_footer.jpg') #600 left top repeat-x;
	position: fixed;
	left: 0;
	bottom: 0;
	overflow: visible;
	z-index: 3;
}

#footer H1 {
	width: 245px;
	height: 95px;
	background: url('../images/ui/logo_iiimedia.png') left top no-repeat;
}

#footer H1 SPAN {
	display: none;
}



#navMain {
	margin: -15px 0 0 65px;	
}

#navMain UL LI {
	list-style: none;
	float: left;
}

#navMain UL LI A {
	margin-right: 10px;
	height: 45px;
	background-image: url('../images/ui/bg_navmain.jpg');
	float: left;
	position: relative;
	z-index: 3;
}

#navMain UL LI A SPAN {
	display: none;
}

#navSub {
	margin-top: 50px;
	width: 120px;
	text-align: right;
	float: left;
}

#navSub UL, #navSub UL LI {
	margin: 0;
	padding: 0;
	list-style: none;
}

#navSub UL LI A {
	padding: 5px 20px 5px 0;	
	margin: 0 0 20px 0;
	font-weight: bold;
	position: relative;
	z-index: 2;
	display: block;
}

#navSub UL LI A:hover, #navSub UL LI A.selected {	
	border: 0;
	background: #F3F3F3;
}

A#nav_about { 
	width: 57px; 
	background-position: 0 0; 
} 

A#nav_about:hover, A#nav_about.selected { 
	background-position: 0 -50px; 
} 

A#nav_contact { 
	width: 65px; 
	background-position: 0 -100px; 
} 

A#nav_contact:hover, A#nav_contact.selected { 
	background-position: 0 -150px; 
} 

A#nav_home { 
	width: 63px; 
	background-position: 0 -200px; 
}

A#nav_home:hover, A#nav_home.selected { 
	background-position: 0 -250px; 
} 

A#nav_portfolio { 
	width: 70px; 
	background-position: 0 -300px; 
} 

A#nav_portfolio:hover, A#nav_portfolio.selected { 
	background-position: 0 -350px; 
} 

A#nav_services { 
	width: 70px; 
	background-position: 0 -400px; 
} 

A#nav_services:hover, A#nav_services.selected { 
	background-position: 0 -450px; 
} 

.link {
	padding: 5px 10px;
	width: 130px;
	color: #FFF;
	background: #600;
	text-align: center;
	display: block;
}

.link:hover {
	border: none;
	color: #FFF;
}



.about H2 {
	width: 105px;
	background-image: url('../images/contents/txt_about-me.gif');
}

.services H2 {
	width: 170px;
	background-image: url('../images/contents/txt_what-i-can-offer.gif');
}

.portfolio H2 {
	margin-left: 10px;
	width: 430px;
}

.contact H2 {
	width: 210px;
	background-image: url('../images/contents/txt_lets-work-together.gif') 
}

.article H2 {
	margin-left: 0;
}

.aboutDetails {
	height: 165px;
	background: url('../images/contents/txt_i-write-i-use.gif') #FFF center top no-repeat;	
}

.servicesDetails {
	height: 65px;
	background: url('../images/contents/txt_simple-chat.gif') #FFF center top no-repeat;
}

.contactDetails {
	height: 90px;
	background: url('../images/contents/txt_contact-details.jpg') #FFF center top no-repeat;
}

.twitter {
	border: 0;
	margin-top: 50px;
	height: 90px;
	background-image: url('../images/contents/txt_twitter.gif');
	background-position: center top;
	background-repeat: no-repeat;
}

.twitter:hover {
	border: 0;
}



.imageDesc {		
	padding: 10px;
	margin: -40px auto 0 auto;
	width: 580px;
	height: 20px;
	color: #600;
	background: url('../images/ui/bg_img_desc.png');
	font-weight: bold;
	position: relative;
	z-indez: 1;
	display: none;
}

#musicPlayerContainer {
	margin: -20px 10px 0 0;
	width: 370px;
	float: right;
}

#musicPlayerContainer SPAN  {
	font-size: 0.9em;
	display: none;
}

#musicPlayer {
	width: 230px;
	float: right;
}

#wave {
	margin: -55px 0 -150px 0;
	background: url('../images/ui/bg_wave.png') 220px top no-repeat;
	height: 200px;
}

.textImg {	
	display: block;
}

.textImg SPAN {
	display: none;
}

.fade {
	margin: 0;
	width: 100%;
	position: fixed;
	right: 20px;
	z-index: 1;
}

.fade.top {
	background: url('../images/ui/bg_fade_top.png') transparent left bottom repeat-x;	
	height: 70px;
	top: 0;
}

.fade.bottom {
	background: url('../images/ui/bg_fade_bottom.png') transparent left bottom repeat-x;	
	height: 30px;
	bottom: 180px;
}

.preloader {
	margin: 20px 0 0 80px;
	width: 50px;
	height: 15px;
	background-image: url('../images/ui/preloader.gif');	
	background-position: 0 -50px;
	background-repeat: no-repeat;
}

.arrow {
	margin-right: 10px;
	width: 25px;
	height: 25px;
	background-position: left top;
	background-repeat: no-repeat;
	display: block;
	float: left;
}

.arrow:hover {
	border: 0;
	background-position: 0 -25px;
}

.arrow.disabled {
	background-position: left bottom !important;
}

.arrow SPAN {
	display: none;
}

.arrow.pointLeft {
	background-image: url('../images/ui/arrow_left.jpg');
}

.arrow.pointRight {
	background-image: url('../images/ui/arrow_right.jpg');
}

.info {
	color: #060;
}

.error {
	color: #600;
}

.floatLeft {
	float: left;
}

.floatRight {	
	float: right;
}

.left {	
	top: 50px;
	left: 60px;
}

.right {
	top: 50px;	
	right: 60px;
}

.clear {
	height: 1px !important;
	float: none !important;
	clear: both !important;
}

.fixed {
	position: fixed;
}





* HTML BODY #container #footer, * HTML BODY #container .fade, * HTML .fixed {
	position: absolute;
}

* HTML {
	overflow: hidden;
}

* HTML BODY {
	height: 100%; 
	overflow: auto;
}



* HTML #frm_clientLogin {	
	float: right;
}

* HTML #formInfo {
	margin: 5px 0 0 60px;
}

* HTML #navSub UL LI A {
	margin: 0;
}

* HTML .article #portfolioDetails {	
	width: 495px;
	margin: 0 0 0 70px;
	padding-bottom: 0;
	position: static;
}

* HTML .projectImg IMG {
	position: static !important;
}



* HTML TEXTAREA {
	background-attachment: fixed;
	overflow: hidden;
}



* HTML .imageDesc { 
	background: #EEE;
}


#simplemodal-overlay {background-color:#333;}


#simplemodal-container {height:450px; width:600px; color:#666; background-color:#FFF; border:4px solid #EEE;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(../images/ui/icon_close.png) no-repeat; border: 0 !important; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}

* HTML #simplemodal-container a.modalCloseImg {background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://127.0.0.1/iiimedia-v1/images/ui/icon_close.png), sizingMethod='scale');}